<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的积分</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../../../css/common.css" stylesheet" />
		<link rel="stylesheet" href="../../../../css/style.css" stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/public.css" />
		<link rel="stylesheet" href="./css/index.css" />
	</head>
	<body>
		<div class="mui-content">
			<div class="main">
				<div class="top">
					<div class="right flex flexcenter">
						<img src="../../../../images/mine/icon_mine_points_help.png">
						<span class="rule">积分规则</span>
					</div>
					<span class="num span">23456</span>
					<span class="canUse span">可用积分</span>
					<img src="../../../../images/mine/icon_mine_bg.png" class="bg">
				</div>
				<div class="details">
					<div class="time clearfix">
						<p class="floatLeft position">2021年03月</p>
						<p class="floatRight position">收入: 1500 支出: 150</p>
					</div>
					<div class="list">
						<ul>
							<li class="flexaround">
								<span class="time">03-26 19:58:47</span>
								<span class="description">消费赠送</span>
								<span class="changeNum">
									+1000
								</span>
							</li>
							<li class="flexaround">
								<span class="time">03-26 19:58:47</span>
								<span class="description">消费赠送</span>
								<span class="changeNum">
									-150
								</span>
							</li>
							<li class="flexaround">
								<span class="time">03-26 19:58:47</span>
								<span class="description">消费赠送</span>
								<span class="changeNum">
									+100
								</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../../../js/mui.min.js"></script>
	<script src="../../../../js/jquery-3.4.1.min.js"></script>
	<script src="../../../../js/resize.js" type="text/javascript"></script>
	<script type="text/javascript">
		// 文档一加载就执行
		$(document).ready(function() {
			obj.setRem()
			$('.changeNum').each(function() {
				if ($(this).text().indexOf("-") != -1) {
					$(this).addClass('reduce')
				} else {
					$(this).addClass('add')
				}
			})
			// 可用积分弹窗
			let rulrStr =
				'<p>1.在商城内每消费1元可获得1积分，消费金额中不足1元部分不获得积分;<p/><p>2.购买商品时可使用积分抵扣现金，每1积分可抵扣0.01元；<p/><p>3.积分有效期为1自然年，所得积分将在当年12月31日23:59:59失效。<p>'
			$('.rule').click(function() {
				mui.alert(rulrStr,
					'积分规则 ',
					'我知道了')
			});
		})
		// 窗口调节
		$(window).resize(function() {
			obj.setRem()
		});
	</script>
</html>
